<script setup>

</script>

<template>
  <div class="row">
    <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
      <div class="dash-widget">
        <span class="dash-widget-bg1">
          <i class="fa fa-stethoscope" aria-hidden="true"></i>
        </span>
        <div class="dash-widget-info text-right">
          <h3>98</h3>
          <span class="widget-title1">科研
            <i class="fa fa-check" aria-hidden="true"></i>
          </span>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
      <div class="dash-widget">
        <span class="dash-widget-bg2">
          <i class="fa fa-user-o"></i>
        </span>
        <div class="dash-widget-info text-right">
          <h3>1072</h3>
          <span class="widget-title2">教学
            <i class="fa fa-check" aria-hidden="true"></i>
          </span>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
      <div class="dash-widget">
        <span class="dash-widget-bg3">
          <i class="fa fa-user-md" aria-hidden="true"></i>
        </span>
        <div class="dash-widget-info text-right">
          <h3>72</h3>
          <span class="widget-title3">行政
            <i class="fa fa-check" aria-hidden="true"></i>
          </span>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
      <div class="dash-widget">
        <span class="dash-widget-bg4">
          <i class="fa fa-heartbeat" aria-hidden="true"></i>
        </span>
        <div class="dash-widget-info text-right">
          <h3>618</h3>
          <span class="widget-title4">生活与后勤
            <i class="fa fa-check" aria-hidden="true"></i>
          </span>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-12 col-md-12 col-lg-12 col-xl-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title d-inline-block">最新入库资产（待审核）</h4>
          <a href="appointments.html" class="btn btn-primary float-right">查看更多</a>
        </div>
        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="table mb-0">
              <thead class="d-none">
                <tr>
                  <th>资产名称</th>
                  <th>操作人</th>
                  <th>时间</th>
                  <th class="text-right">操作状态</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td style="min-width: 200px;">
                    <a class="avatar" href="#">B</a>
                    <h2>
                      <a href="#">张三
                        <span>
                          数据科学与计算机学院
                        </span>
                      </a>
                    </h2>
                  </td>
                  <td>
                    <h5 class="time-title p-0">苹果笔记本</h5>
                    <p>苹果和笔记本</p>
                  </td>
                  <td>
                    <h5 class="time-title p-0">入库时间</h5>
                    <p>2024-10-15 22:55:00</p>
                  </td>
                  <td class="text-right">
                    <a href="appointments.html" class="btn btn-outline-primary take-btn">审核</a>
                  </td>
                </tr>
                <tr>
                  <td style="min-width: 200px;">
                    <a class="avatar" href="#">B</a>
                    <h2>
                      <a href="#">张三
                        <span>
                          数据科学与计算机学院
                        </span>
                      </a>
                    </h2>
                  </td>
                  <td>
                    <h5 class="time-title p-0">苹果笔记本</h5>
                    <p>苹果和笔记本</p>
                  </td>
                  <td>
                    <h5 class="time-title p-0">入库时间</h5>
                    <p>2024-10-15 22:55:00</p>
                  </td>
                  <td class="text-right">
                    <a href="appointments.html" class="btn btn-outline-primary take-btn">审核</a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
